<%--
  Created by IntelliJ IDEA.
  User: nananer7
  Date: 2018/3/22
  Time: 15:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-US"> <!--<![endif]-->
<head>
    <!-- META TAGS -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Knowledge Base Theme</title>

    <link rel="shortcut icon" href="images/favicon.png" />




    <!-- Style Sheet-->
    <link rel="stylesheet" href="style.css"/>
    <link rel='stylesheet' id='bootstrap-css-css'  href='css/bootstrap5152.css?ver=1.0' type='text/css' media='all' />
    <link rel='stylesheet' id='responsive-css-css'  href='css/responsive5152.css?ver=1.0' type='text/css' media='all' />
    <link rel='stylesheet' id='pretty-photo-css-css'  href='js/prettyphoto/prettyPhotoaeb9.css?ver=3.1.4' type='text/css' media='all' />
    <link rel='stylesheet' id='main-css-css'  href='css/main5152.css?ver=1.0' type='text/css' media='all' />
    <link rel='stylesheet' id='custom-css-css'  href='css/custom5152.html?ver=1.0' type='text/css' media='all' />


    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="js/html5.js"></script></script>
    <![endif]-->

</head>

<body>

<!-- Start of Header -->
<div class="header-wrapper">
    <header>
        <div class="container">


            <div class="logo-container">
                <!-- Website Logo -->
                <a href="index.jsp"  title="Knowledge Base Theme">
                    <img src="images/logo.png" alt="Knowledge Base Theme">
                </a>
                <span class="tag-line">Premium WordPress Theme</span>
            </div>


            <!-- Start of Main Navigation -->
            <nav class="main-nav">
                <div class="menu-top-menu-container">
                    <ul id="menu-top-menu" class="clearfix">
                        <li><a href="index.jsp">Home</a></li>
                        <li><a href="home-categories-description.jsp">Home 2</a></li>
                        <li class="current-menu-item"><a href="home-categories-articles.jsp">Home 3</a></li>
                        <li><a href="articles-list.jsp">Articles List</a></li>
                        <li><a href="faq.jsp">FAQs</a></li>
                        <li><a href="#">Skins</a>
                            <ul class="sub-menu">
                                <li><a href="blue-skin.jsp">Blue Skin</a></li>
                                <li><a href="green-skin.jsp">Green Skin</a></li>
                                <li><a href="red-skin.jsp">Red Skin</a></li>
                                <li><a href="index-2.jsp">Default Skin</a></li>
                            </ul>
                        </li>
                        <li><a href="#">More</a>
                            <ul class="sub-menu">
                                <li><a href="full-width.jsp">Full Width</a></li>
                                <li><a href="elements.jsp">Elements</a></li>
                                <li><a href="page.jsp">Sample Page</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.jsp">Contact</a></li>
                    </ul>
                </div>
            </nav>
            <!-- End of Main Navigation -->

        </div>
    </header>
</div>
<!-- End of Header -->

<!-- Start of Search Wrapper -->
<div class="search-area-wrapper">
    <div class="search-area container">
        <h3 class="search-header">Have a Question?</h3>
        <p class="search-tag-line">If you have any question you can ask below or enter what you are looking for!</p>

        <form id="search-form" class="search-form clearfix" method="get" action="#" autocomplete="off">
            <input class="search-term required" type="text" id="s" name="s" placeholder="Type your search terms here" title="* Please enter a search term!" />
            <input class="search-btn" type="submit" value="Search" />
            <div id="search-error-container"></div>
        </form>
    </div>
</div>
<!-- End of Search Wrapper -->

<!-- Start of Page Container -->
<div class="page-container">
    <div class="container">
        <div class="row">

            <!-- start of page content -->
            <div class="span8 page-content">

                <!-- Basic Home Page Template -->
                <div class="row separator">
                    <section class="span4 articles-list">
                        <h3>Featured Articles</h3>
                        <ul class="articles">
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Integrating WordPress with Your Website</a></h4>
                                <span class="article-meta">25 Feb, 2013 in <a href="single.jsp" title="View all posts in Server &amp; Database">Server &amp; Database</a></span>
                                <span class="like-count">66</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">WordPress Site Maintenance</a></h4>
                                <span class="article-meta">24 Feb, 2013 in <a href="single.jsp" title="View all posts in Website Dev">Website Dev</a></span>
                                <span class="like-count">15</span>
                            </li>
                            <li class="article-entry video">
                                <h4><a href="single.jsp">Meta Tags in WordPress</a></h4>
                                <span class="article-meta">23 Feb, 2013 in <a href="single.jsp" title="View all posts in Website Dev">Website Dev</a></span>
                                <span class="like-count">8</span>
                            </li>
                            <li class="article-entry image">
                                <h4><a href="single.jsp">WordPress in Your Language</a></h4>
                                <span class="article-meta">22 Feb, 2013 in <a href="single.jsp" title="View all posts in Advanced Techniques">Advanced Techniques</a></span>
                                <span class="like-count">6</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Know Your Sources</a></h4>
                                <span class="article-meta">22 Feb, 2013 in <a href="single.jsp" title="View all posts in Website Dev">Website Dev</a></span>
                                <span class="like-count">2</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Validating a Website</a></h4>
                                <span class="article-meta">21 Feb, 2013 in <a href="single.jsp" title="View all posts in Website Dev">Website Dev</a></span>
                                <span class="like-count">3</span>
                            </li>
                        </ul>
                    </section>

                    <section class="span4 articles-list">
                        <h3>Latest Articles</h3>
                        <ul class="articles">
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Integrating WordPress with Your Website</a></h4>
                                <span class="article-meta">25 Feb, 2013 in <a href="single.jsp" title="View all posts in Server &amp; Database">Server &amp; Database</a></span>
                                <span class="like-count">66</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Using Javascript</a></h4>
                                <span class="article-meta">25 Feb, 2013 in <a href="single.jsp" title="View all posts in Advanced Techniques">Advanced Techniques</a></span>
                                <span class="like-count">18</span>
                            </li>
                            <li class="article-entry image">
                                <h4><a href="single.jsp">Using Images</a></h4>
                                <span class="article-meta">25 Feb, 2013 in <a href="single.jsp" title="View all posts in Designing in WordPress">Designing in WordPress</a></span>
                                <span class="like-count">7</span>
                            </li>
                            <li class="article-entry video">
                                <h4><a href="single.jsp">Using Video</a></h4>
                                <span class="article-meta">24 Feb, 2013 in <a href="single.jsp" title="View all posts in WordPress Plugins">WordPress Plugins</a></span>
                                <span class="like-count">7</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">WordPress Site Maintenance</a></h4>
                                <span class="article-meta">24 Feb, 2013 in <a href="single.jsp" title="View all posts in Website Dev">Website Dev</a></span>
                                <span class="like-count">15</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">WordPress CSS Information and Techniques</a></h4>
                                <span class="article-meta">24 Feb, 2013 in <a href="single.jsp" title="View all posts in Theme Development">Theme Development</a></span>
                                <span class="like-count">1</span>
                            </li>
                        </ul>
                    </section>
                </div>

                <div class="row home-listing-area">
                    <div class="span8">
                        <h2>Categories</h2>
                    </div>
                </div>

                <div class="row separator">

                    <section class="span4 articles-list">
                        <h3><a href="single.jsp">WordPress for Beginners</a> <span>(4)</span></h3>
                        <ul class="articles">
                            <li class="article-entry image">
                                <h4><a href="single.jsp">New To WordPress &#8211; Where to Start</a></h4>
                                <span class="article-meta">24 Feb, 2013 in <a href="single.jsp" title="View all posts in WordPress for Beginners">WordPress for Beginners</a></span>
                                <span class="like-count">1</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Introduction to Blogging</a></h4>
                                <span class="article-meta">23 Feb, 2013 in <a href="single.jsp" title="View all posts in WordPress for Beginners">WordPress for Beginners</a></span>
                                <span class="like-count">1</span>
                            </li>
                            <li class="article-entry image">
                                <h4><a href="single.jsp">First Steps With WordPress</a></h4>
                                <span class="article-meta">22 Feb, 2013 in <a href="single.jsp" title="View all posts in WordPress for Beginners">WordPress for Beginners</a></span>
                                <span class="like-count">0</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Installing WordPress</a></h4>
                                <span class="article-meta">21 Feb, 2013 in <a href="single.jsp" title="View all posts in WordPress for Beginners">WordPress for Beginners</a></span>
                                <span class="like-count">1</span>
                            </li>
                        </ul>
                    </section>

                    <section class="span4 articles-list">
                        <h3><a href="single.jsp">Designing in WordPress</a> <span>(4)</span></h3>
                        <ul class="articles">
                            <li class="article-entry image">
                                <h4><a href="single.jsp">Using Images</a></h4>
                                <span class="article-meta">25 Feb, 2013 in <a href="single.jsp" title="View all posts in Designing in WordPress">Designing in WordPress</a></span>
                                <span class="like-count">7</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Designing Headers</a></h4>
                                <span class="article-meta">23 Feb, 2013 in <a href="single.jsp" title="View all posts in Designing in WordPress">Designing in WordPress</a></span>
                                <span class="like-count">1</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Formatting Date and Time</a></h4>
                                <span class="article-meta">22 Feb, 2013 in <a href="single.jsp" title="View all posts in Designing in WordPress">Designing in WordPress</a></span>
                                <span class="like-count">0</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Developing a Colour Scheme</a></h4>
                                <span class="article-meta">21 Feb, 2013 in <a href="single.jsp" title="View all posts in Designing in WordPress">Designing in WordPress</a></span>
                                <span class="like-count">0</span>
                            </li>
                        </ul>
                    </section>

                </div>

                <div class="row separator">

                    <section class="span4 articles-list">
                        <h3><a href="single.jsp">Theme Development</a> <span>(4)</span></h3>
                        <ul class="articles">
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">WordPress CSS Information and Techniques</a></h4>
                                <span class="article-meta">24 Feb, 2013 in <a href="single.jsp" title="View all posts in Theme Development">Theme Development</a></span>
                                <span class="like-count">1</span>
                            </li>
                            <li class="article-entry image">
                                <h4><a href="single.jsp">Stepping Into Templates</a></h4>
                                <span class="article-meta">23 Feb, 2013 in <a href="single.jsp" title="View all posts in Theme Development">Theme Development</a></span>
                                <span class="like-count">0</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Creating Individual Pages</a></h4>
                                <span class="article-meta">22 Feb, 2013 in <a href="single.jsp" title="View all posts in Theme Development">Theme Development</a></span>
                                <span class="like-count">0</span>
                            </li>
                            <li class="article-entry image">
                                <h4><a href="single.jsp">Uploading Files</a></h4>
                                <span class="article-meta">21 Feb, 2013 in <a href="single.jsp" title="View all posts in Theme Development">Theme Development</a></span>
                                <span class="like-count">0</span>
                            </li>
                        </ul>
                    </section>

                    <section class="span4 articles-list">

                        <h3><a href="single.jsp">Website Dev</a> <span>(4)</span></h3>
                        <ul class="articles">
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">WordPress Site Maintenance</a></h4>
                                <span class="article-meta">24 Feb, 2013 in <a href="single.jsp" title="View all posts in Website Dev">Website Dev</a></span>
                                <span class="like-count">15</span>
                            </li>
                            <li class="article-entry video">
                                <h4><a href="single.jsp">Meta Tags in WordPress</a></h4>
                                <span class="article-meta">23 Feb, 2013 in <a href="single.jsp" title="View all posts in Website Dev">Website Dev</a></span>
                                <span class="like-count">8</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Know Your Sources</a></h4>
                                <span class="article-meta">22 Feb, 2013 in <a href="single.jsp" title="View all posts in Website Dev">Website Dev</a></span>
                                <span class="like-count">2</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Validating a Website</a></h4>
                                <span class="article-meta">21 Feb, 2013 in <a href="single.jsp" title="View all posts in Website Dev">Website Dev</a></span>
                                <span class="like-count">3</span>
                            </li>
                        </ul>
                    </section>

                </div>

                <div class="row separator">

                    <section class="span4 articles-list">
                        <h3><a href="single.jsp">WordPress Plugins</a> <span>(4)</span></h3>
                        <ul class="articles">
                            <li class="article-entry video">
                                <h4><a href="single.jsp">Using Video</a></h4>
                                <span class="article-meta">24 Feb, 2013 in <a href="single.jsp" title="View all posts in WordPress Plugins">WordPress Plugins</a></span>
                                <span class="like-count">7</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Photoblogs and Galleries</a></h4>
                                <span class="article-meta">23 Feb, 2013 in <a href="single.jsp" title="View all posts in WordPress Plugins">WordPress Plugins</a></span>
                                <span class="like-count">2</span>
                            </li>
                            <li class="article-entry video">
                                <h4><a href="single.jsp">Plugin Resources</a></h4>
                                <span class="article-meta">22 Feb, 2013 in <a href="single.jsp" title="View all posts in WordPress Plugins">WordPress Plugins</a></span>
                                <span class="like-count">1</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Managing Plugins</a></h4>
                                <span class="article-meta">21 Feb, 2013 in <a href="single.jsp" title="View all posts in WordPress Plugins">WordPress Plugins</a></span>
                                <span class="like-count">0</span>
                            </li>
                        </ul>
                    </section>

                    <section class="span4 articles-list">
                        <h3><a href="single.jsp">Advanced Techniques</a> <span>(4)</span></h3>
                        <ul class="articles">
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Using Javascript</a></h4>
                                <span class="article-meta">25 Feb, 2013 in <a href="single.jsp" title="View all posts in Advanced Techniques">Advanced Techniques</a></span>
                                <span class="like-count">18</span>
                            </li>
                            <li class="article-entry video">
                                <h4><a href="single.jsp">Editing Files</a></h4>
                                <span class="article-meta">24 Feb, 2013 in <a href="single.jsp" title="View all posts in Advanced Techniques">Advanced Techniques</a></span>
                                <span class="like-count">1</span>
                            </li>
                            <li class="article-entry standard">
                                <h4><a href="single.jsp">Importing Content</a></h4>
                                <span class="article-meta">23 Feb, 2013 in <a href="single.jsp" title="View all posts in Advanced Techniques">Advanced Techniques</a></span>
                                <span class="like-count">0</span>
                            </li>
                            <li class="article-entry image">
                                <h4><a href="single.jsp">WordPress in Your Language</a></h4>
                                <span class="article-meta">22 Feb, 2013 in <a href="single.jsp" title="View all posts in Advanced Techniques">Advanced Techniques</a></span>
                                <span class="like-count">6</span>
                            </li>
                        </ul>
                    </section>
                </div>

            </div>
            <!-- end of page content -->


            <!-- start of sidebar -->
            <aside class="span4 page-sidebar">

                <section class="widget">
                    <div class="support-widget">
                        <h3 class="title">Support</h3>
                        <p class="intro">Need more support? If you did not found an answer, contact us for further help.</p>
                    </div>
                </section>

                <section class="widget">
                    <div class="quick-links-widget">
                        <h3 class="title">Quick Links</h3>
                        <ul id="menu-quick-links" class="menu clearfix">
                            <li><a href="index-2.jsp">Home</a></li>
                            <li><a href="articles-list.jsp">Articles List</a></li>
                            <li><a href="faq.jsp">FAQs</a></li>
                            <li><a href="contact.jsp">Contact</a></li>
                        </ul>
                    </div>
                </section>

                <section class="widget">
                    <h3 class="title">Tags</h3>
                    <div class="tagcloud">
                        <a href="#" class="btn btn-mini">basic</a>
                        <a href="#" class="btn btn-mini">beginner</a>
                        <a href="#" class="btn btn-mini">blogging</a>
                        <a href="#" class="btn btn-mini">colour</a>
                        <a href="#" class="btn btn-mini">css</a>
                        <a href="#" class="btn btn-mini">date</a>
                        <a href="#" class="btn btn-mini">design</a>
                        <a href="#" class="btn btn-mini">files</a>
                        <a href="#" class="btn btn-mini">format</a>
                        <a href="#" class="btn btn-mini">header</a>
                        <a href="#" class="btn btn-mini">images</a>
                        <a href="#" class="btn btn-mini">plugins</a>
                        <a href="#" class="btn btn-mini">setting</a>
                        <a href="#" class="btn btn-mini">templates</a>
                        <a href="#" class="btn btn-mini">theme</a>
                        <a href="#" class="btn btn-mini">time</a>
                        <a href="#" class="btn btn-mini">videos</a>
                        <a href="#" class="btn btn-mini">website</a>
                        <a href="#" class="btn btn-mini">wordpress</a>
                    </div>
                </section>

            </aside>
            <!-- end of sidebar -->
        </div>
    </div>
</div>
<!-- End of Page Container -->


<!-- Start of Footer -->
<footer id="footer-wrapper">
    <div id="footer" class="container">
        <div class="row">

            <div class="span3">
                <section class="widget">
                    <h3 class="title">How it works</h3>
                    <div class="textwidget">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
                        <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
                    </div>
                </section>
            </div>

            <div class="span3">
                <section class="widget"><h3 class="title">Categories</h3>
                    <ul>
                        <li><a href="#" title="Lorem ipsum dolor sit amet,">Advanced Techniques</a> </li>
                        <li><a href="#" title="Lorem ipsum dolor sit amet,">Designing in WordPress</a></li>
                        <li><a href="#" title="Lorem ipsum dolor sit amet,">Server &amp; Database</a></li>
                        <li><a href="#" title="Lorem ipsum dolor sit amet, ">Theme Development</a></li>
                        <li><a href="#" title="Lorem ipsum dolor sit amet,">Website Dev</a></li>
                        <li><a href="#" title="Lorem ipsum dolor sit amet,">WordPress for Beginners</a></li>
                        <li><a href="#" title="Lorem ipsum dolor sit amet, ">WordPress Plugins</a></li>
                    </ul>
                </section>
            </div>

            <div class="span3">
                <section class="widget">
                    <h3 class="title">Latest Tweets</h3>
                    <div id="twitter_update_list">
                        <ul>
                            <li>No Tweets loaded !</li>
                        </ul>
                    </div>
                    <script src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js" type="text/javascript"></script>
                    <script type="text/javascript" >
                        getTwitters("twitter_update_list", {
                            id: "960development",
                            count: 3,
                            enableLinks: true,
                            ignoreReplies: true,
                            clearContents: true,
                            template: "%text% <span>%time%</span>"
                        });
                    </script>
                </section>
            </div>

            <div class="span3">
                <section class="widget">
                    <h3 class="title">Flickr Photos</h3>
                    <div class="flickr-photos" id="basicuse">
                    </div>
                </section>
            </div>

        </div>
    </div>
    <!-- end of #footer -->

    <!-- Footer Bottom -->
    <div id="footer-bottom-wrapper">
        <div id="footer-bottom" class="container">
            <div class="row">
                <div class="span6">
                    <p class="copyright">
                        Copyright &copy; 2014.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                    </p>
                </div>
                <div class="span6">
                    <!-- Social Navigation -->
                    <ul class="social-nav clearfix">
                        <li class="linkedin"><a target="_blank" href="#"></a></li>
                        <li class="stumble"><a target="_blank" href="#"></a></li>
                        <li class="google"><a target="_blank" href="#"></a></li>
                        <li class="deviantart"><a target="_blank" href="#"></a></li>
                        <li class="flickr"><a target="_blank" href="#"></a></li>
                        <li class="skype"><a target="_blank" href="skype:#?call"></a></li>
                        <li class="rss"><a target="_blank" href="#"></a></li>
                        <li class="twitter"><a target="_blank" href="#"></a></li>
                        <li class="facebook"><a target="_blank" href="#"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End of Footer Bottom -->

</footer>
<!-- End of Footer -->

<a href="#top" id="scroll-top"></a>

<!-- script -->
<script type='text/javascript' src='js/jquery-1.8.3.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='js/prettyphoto/jquery.prettyPhoto.js'></script>
<script type='text/javascript' src='js/jflickrfeed.js'></script>
<script type='text/javascript' src='js/jquery.liveSearch.js'></script>
<script type='text/javascript' src='js/jquery.form.js'></script>
<script type='text/javascript' src='js/jquery.validate.min.js'></script>
<script type='text/javascript' src='js/custom.js'></script>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>